
.login {
  width: 100%;
  height: 100%;
  background-image: url("../../assets/img/test.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-bottom: 45px;
  display: flex;
  flex-direction: column;

  .login-header {
    display: flex;
    align-items: center;
    width: 100%;
    height: 14%;
    background-color: rgba(21, 20, 13, 0.5);

    img {
      width: 25%;
      height: 6%;
      margin: 0 1rem;
    }

    h1 {
      font-size: 2rem;
      color: deepskyblue;
      text-align: center;
    }
  }

  .login-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 300px;
    height: 300px;
    background-color: rgba(13, 18, 44, 0.8);
    margin: 7% 70%;
    padding: 0.4rem 0.8rem;

    h2 {
      font-size: 1.8rem;
      text-align: center;
      font-weight: bolder;
      color: deepskyblue;
    }

  }
}

#components-form-demo-normal-login .login-form {
  max-width: 300px;
}

#components-form-demo-normal-login .login-form-forgot {
  float: right;
}

#components-form-demo-normal-login .ant-col-rtl .login-form-forgot {
  float: left;
}

#components-form-demo-normal-login .login-form-button {
  width: 100%;
}


